﻿$(document).ready(function () {
    var options = { 
        //target: '#statusUser',   // target element(s) to be updated with server response 
        beforeSubmit:  showRequest,  // pre-submit callback 
        success:       showResponse,  // post-submit callback 
        error: showError,
        // other available options: 
        //url:       url         // override for form's 'action' attribute 
        //type:      type        // 'get' or 'post', override for form's 'method' attribute 
        //dataType:  json  ,      // 'xml', 'script', or 'json' (expected server response type) 
        //clearForm: true        // clear all form fields after successful submit 
        resetForm: true   ,     // reset the form after successful submit 
 
        // $.ajax options can be used here too, for example: 
        timeout:   10000 
    }; 
 
    // bind form using 'ajaxForm' 
    $('#loginForm').ajaxForm(options); 

    // pre-submit callback 
    function showRequest(formData, jqForm, options) {
        // formData is an array; here we use $.param to convert it to a string to display it 
        // but the form plugin does this for you automatically when it submits the data 
        var queryString = $.param(formData);

        // jqForm is a jQuery object encapsulating the form element.  To access the 
        // DOM element for the form do this: 
        // var formElement = jqForm[0]; 
        console.log('\nQuery :' + queryString);

        //alert('About to submit: \n\n' + queryString);

        // here we could return false to prevent the form from being submitted; 
        // returning anything other than false will allow the form submit to continue 
        return true;
    }


    // post-submit callback 
    function showResponse(responseText, statusText, xhr, $form) {
        // for normal html responses, the first argument to the success callback 
        // is the XMLHttpRequest object's responseText property 

        // if the ajaxForm method was passed an Options Object with the dataType 
        // property set to 'xml' then the first argument to the success callback 
        // is the XMLHttpRequest object's responseXML property 

        // if the ajaxForm method was passed an Options Object with the dataType 
        // property set to 'json' then the first argument to the success callback 
        // is the json data object returned by the server 

        console.log('\nResponse ' + responseText.info);

        $("#statusUser").html(responseText.info);       

       // alert('status: ' + statusText + '\n\nresponseText: \n' + responseText +
        //    '\n\nThe output div should have already been updated with the responseText.');
    }

    function showError(xhr) {
        alert('Error server :' + xhr.statusText + ' | ' + xhr.responseText);
    }

});


    /*

    /*
    $('#loginForm').submit(function () {
        //status('uploading the file ...');

        $.post($(this).attr('action'), $(this).serialize(), function (json) {
            alert(json);

            $('#statusUser').html('YAAA');

        }, 'json');
        return false;



    });
    */

    //$('#statusUser').html('TRY');

   // $('#loginForm').submit(function () {

        /*
        $(this).ajaxSubmit({


            error: function (xhr) {
                //window.alert(xhr.error);
                $('#statusUser').html('ERROR');
            },

            success: function (response) {

                // window.alert('ALERT : ' + response);

                if (response.info) {
                    $('#statusUser').html(response.info);
                    return;
                }

                //var imageUrlOnServer = response.path;

                //status('Success, file uploaded to:' + imageUrlOnServer);
                $('#statusUser').html('CONNECTED');
            }
        });


        return false;

        */

        /*
        $.post("index.php", $("#loginForm").serialize(),
            function (data) {
                
             alert("Your " + data);
            }, "json");

    });

    
});


*/